@CHARSET "UTF-8";
/* General tags */
body {background:url(../img/background.gif) repeat-y top center #fff;color:#404040;font:88% Verdana,Tahoma,Arial,sans-serif;line-height:1.61em;margin:0 auto;padding:0}
* {margin:0;padding:0}
.fleft {float:left}
.fright {float:right}
.fcenter {float:none;text-align:center}
.fclear {clear:both}
.inner_copy {border:0;color:#f00;float:right;width:50% !important;margin:-100% 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}
a {color:gray;font-weight:700;text-decoration:none}
a:hover {text-decoration:underline}
a img {border:0}
p {margin:0 0 22px 10px}

ul ul,ol ol {margin:4px 0 4px 35px}
blockquote {border:1px solid #dadada;font-size:0.9em;margin:20px 10px;padding:8px}
blockquote p {margin:0}
h1 {color:#00b200;font-size:3.6em;letter-spacing:-3px;margin:0 0 20px 25px; line-height: 0.8em;}
h1 a {color:#00b200;text-transform:none}
h2 {border-bottom:4px solid #dadada;color:#00b200;font-size:1.4em;letter-spacing:-1px;margin:0 0 10px;padding:0 2px 2px 5px}
h3 {border-bottom:1px solid #dadada;color:#00b200;font-size:1.2em;font-weight:700;margin:10px 0 8px;padding:1px 2px 2px 3px}
/* Main wrap */
#wrap {color:#404040;margin:10px auto;padding:0;width:970px}
#header {margin:0}
#toplinks {font-size:0.9em;padding:5px 2px 2px 3px;text-align:right}
#toplinks a {color:gray}
#slogan {color:gray;font-size:1.5em;font-weight:700;letter-spacing:-1px;line-height:1.2em;margin:15px 0 20px 35px}
#sidebar {float:left;line-height:1.4em;margin:0 0 5px;padding:1px 0 0;width:195px}
#sidebar ul {font-size:0.9em;list-style:none;margin:0;padding:0 0 15px 10px}
#sidebar li {list-style:none;padding:0 0 4px}
#sidebar li a {font-size:1.2em;font-weight:700;padding:2px}
#sidebar ul ul {line-height:1.2em;margin:4px 0 3px 15px;padding:0}
#sidebar ul ul li a {font-weight:400}
#sidebar h2 {margin:3px 0 8px}
#content {float:right;line-height:1.5em;margin:0;padding:0;text-align:left;width:750px}
#contentalt {float:left;line-height:1.5em;margin-right:20px;padding:0;text-align:left;width:750px}
#content h3,#contentalt h3 {margin:10px 0 8px}
/* Footer */
#footer {border-top:4px solid #dadada;clear:both;color:gray;font-size:0.9em;line-height:1.6em;margin:0 auto;padding:8px 0;text-align:right}
#footer p {margin:0;padding:0}
#footer a {color:#808080}
/* Additional classes */
.box {border:1px solid #00b200;font-size:0.9em;line-height:1.4em;padding:10px 10px 10px 13px;margin-top:6px;}
.box a {color:#00b200}
.left {float:left;margin:0 15px 4px 0}
.right {float:right;margin:0 0 4px 15px}
.readmore {margin:-10px 10px 12px 0;text-align:right}
.timestamp {font-size:1.2em;margin:-5px 0 15px 10px}
.timestamp a {font-weight:normal}
.blue {color:#00b200}
.clear {clear:both}
.fade {color:#c8c8c8}
.gray {color:gray}
.photo {background:#fff;border:1px solid #bababa;margin:6px 18px 2px 5px;padding:2px}

.feedbackTbl, .regTbl {
	width:100%;
}
.feedbackTbl td, .regTbl td {
    vertical-align: top;
    padding: 5px;
}

.feedbackTbl td {
	border-bottom: 1px solid #CCC;
}

.clearfix {
    clear:both;
}

.feedbackInput {
    border:1px solid gray; 
    font:88% Verdana,Tahoma,Arial,sans-serif;
}
.inputWidth {
	width:360px;
}
.inputHeight {
    height:20px;
}
.textareaHeight {
    height:120px;
}





/* Messages */
#message {
	padding-bottom: 10px;
}
.notice, .success, .warning, .error {
    border: 1px solid;
    margin: 10px 10px 10px 10px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
}
.notice {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/notice.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}


.ui-progressbar {
    position: relative;
  }
.progress-label {
    position: absolute;
    left: 280px;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}
  
.toplinkDiv {
    padding-left: 20px;
    float: right;
    font-size: 0.9em;
    margin-top: 6px;
}


.chat {
    width: 740px;
}

.bubble{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}

.bubble::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.me {
    float: left;   
    clear: left;
    margin: 5px 45px 5px 20px;         
}

.me::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;           
}

.hidden {
	display:none;
}
.visible {
    display:inherit;
}


/* Dropdown menu */
a                                   { text-decoration: none; }
ul                                  { list-style: none; }

/* 
    LEVEL ONE
*/
ul.dropdown                         { 
position: relative;
z-index:9999;
}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background-color: #fff;  border: 1px solid #fff}
ul.dropdown a:hover                 { text-decoration: none; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li:hover                { background: #fff; position: relative; border: 1px solid #00b200}

ul.sub_menu {
	margin-top:0px;
margin-left:-1px;
	border: 1px solid #ccc;
}
/* 
    LEVEL TWO
*/
ul.dropdown ul                      { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li                   { font-weight: normal; border-bottom: 1px solid #ccc; float: none; }
                                      
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                 { border-right: none; width: 100%; display: inline-block; } 

/* 
    LEVEL THREE
*/
ul.dropdown ul ul                   { left: 100%; top: 0; }
ul.dropdown li:hover > ul           { visibility: visible; }

.feedbackTbl {
	padding-left:9px;
	width:570px;
}
#scoreLbl {
	width:150px;
}